{{extend './base.html'}}
{{block 'titleBlock'}}个人中心{{/block}}
{{block 'scriptBlock'}}
<script type="text/javascript" src="/js/jquery.form.min.js"></script>
{{/block}}
{{block 'contentBlock'}}
<div class="container">
    <div class="aside">
        <div class="aside_head">
            <div class="asdie_image">
                <a href="javascript:;">
                    <img src="/images/head.jpeg" alt="" class="asdie_image_hidden">
                    <img src="{{user_info.head_url}}" alt="">
                </a>
            </div>
            <h3 class="asdie_name">{{user_info.nick_name}}</h3>
            <p class="asdie_abstract">{{user_info.abstract}}</p>
            <!-- 头像上传表单 -->
            <form class="user_url_form">
                <script>
                    function changepic(){
                        //实现图片预览效果的js
                        var reads = new FileReader();
                        f = document.getElementById('upload_file').files[0];
                        reads.readAsDataURL(f);
                        reads.onload = function(e) {
                            document.getElementById('now_user_pic').src = this.result;
                        };
                    };
                </script>
                <div class="show_back">
                    <img src="/images/worm.jpg" alt="" class="now_user_pic" id="now_user_pic">
                    <p>
                        (上传比例 1:1)
                    </p>
                    <input type="file" name="user_url" class="input_file"  id="upload_file" onchange="changepic(this)">
                    <input type="button" class="user_url_form_off" value="取消">
                    <button type="submit">保存</button>
                </div>
                <div class="back"></div>
            </form>
        </div>
        <!-- 左边栏目 -->
        <div class="nav">
            <ul class="option_list">
                <li class="nav_li">
                    <a href="/web_user_basic_info/" target="main_frame">基本资料</a>
                </li>
                <li>
                    <a href="/web_user_money/" target="main_frame">我的钱包</a>
                </li>
                <li>
                    <a href="/web_user_password/" target="main_frame">密码修改</a>
                </li>
                <li>
                    <a href="/web_user_concern/" target="main_frame">关注</a>
                </li>
                <li>
                    <a href="/web_user_collect/" target="main_frame">收藏</a>
                </li>
                <li>
                    <a href="/web_user_commodity_indent/" target="main_frame">我的订单</a>
                </li>
                <li>
                    <a href="/web_user_private_letter/" target="main_frame">我的私信</a>
                </li>
                <li>
                    <a href="/web_user_receiving_address/" target="main_frame">收货地址管理</a>
                </li>
                <li>
                    <a href="/web_user_merchant/" target="main_frame">店家模块</a>
                </li>
                <li>
                    <a href="#" onclick="logout()" target="main_frame">退出登录</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 右边页面嵌套iframe标签 -->
    <div class="module">
        <iframe src="/web_user_basic_info/" frameborder="0" name="main_frame" class="main_frame" id="main_frame"></iframe>
    </div>
</div>
{{/block}}